<template>
    <div class="feedback">
        <h1>404&nbsp;Not&nbsp;Found</h1>
        <hr>
        <div class="center">nginx</div>
    </div>
</template>
<script setup>
</script>
<script>
export default {
    name: 'NginxIndex',
    title: '无法访问页面',
    order: 1,
    haveThis: true
}
</script>
<style scoped lang='scss'>
.feedback {
    font-family: '黑体', serif, Courier, monospace;
    // display: flex;
    // flex-direction: column;
    // justify-content: center;
    // align-items: center;
    margin: auto;
    text-align: center;
    color: #211414;

    h1 {
        display: block;
        font-size: 2.3em;
        margin-block-start: 0.67em;
        margin-block-end: 0.67em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: 700;
        unicode-bidi: isolate;
    }

    hr {
        display: block;
        margin-block-start: 0.5em;
        margin-block-end: 0.5em;
        margin-inline-start: auto;
        margin-inline-end: auto;
        unicode-bidi: isolate;
        overflow: hidden;
        border-style: inset;
        border-width: 1px;
    }

    .center {
        display: block;
        text-align: -webkit-center;
        unicode-bidi: isolate;
    }
}
</style>